﻿
#登录页面背景 {
    background-image: url('./资源/登录背景.png');
    background-size: 100%;
}
input, button, select, textarea {
    outline: none;
}

textarea {
    resize: none;
}

body {
    border-radius: 10px;
}

.标题栏 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    -webkit-app-region: drag;
}

.工作区 {
    position: absolute;
    left: 0;
    right: 0;
    top: 300px;
    bottom: 20px;
}

.标题 {
    position: absolute;
    font-family: '微软雅黑';
    font-size: 12px;
    top: 5px;
    left: 10px;
    right: 25px;
    color: #ffffff;
}

.按钮 {
    -webkit-app-region: no-drag;
}

    .按钮.警告:hover {
        background-color: #ff6a00;
    }
    
    .按钮.警告:active {
        background-color: #dd2323;
    }

    .按钮.托盘:hover {
        background-color: #77f864;
    }
    
    .按钮.托盘:active {
        background-color: #2fbd3a;
    }

    .按钮.提交 {
        font-size: 14px;
        margin-top: 1px;
        text-align: center;
        line-height: 28px;
        background-color: #2aac17;
        border-radius: 3px;
        border: solid 1px #166b0a;
        color: #ffffff;
    }

        .按钮.提交:hover {
            background-color: #2fbd3a;
            border: solid 1px #2aac17;
            color: #ffffff;
        }

        .按钮.提交:active {
            background-color: #20960e;
            border: solid 1px #2aac17;
            color: #ffffff;
        }

.切换按钮组 {
    font-size: 12px;
    display: inline;
    position: absolute;
    height: 27px;
    bottom: 4px;
    left: 0;
    right: 0;
}

.组 {
    display: inline-block;
    width: 33.3%;
}
.默认 {
    box-sizing: border-box;
    border-top: solid 1px #ffffff;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    background-color:#2aac17;
}

.单选按钮 {
    position: absolute;
    height: 25px;
}

.宽度-45 {
    display: inline-block;
    width: 45px;
}

.宽度-5 {
    display: inline-block;
    width: 5px;
}

.单选按钮_标签 {
    position: relative;
    font-size: 12px;
    line-height: 25px;
    left: 10px;
    padding: 3px;
    color: #318a24;
}

.小 {
    width: 20px;
    height: 20px;
}

.大块 {
    position: absolute;
    left: 0;
    right: 0;
}

.图标 {
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 8px;
    width: 25px;
    height: 25px;
}

#关闭按钮 {
    position: absolute;
    display: inline;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

#托盘按钮 {
    position: absolute;
    display: inline;
    top: 0;
    right: 25px;
    width: 25px;
    height: 25px;
}

.图标 .iconfont {    
    text-align: center;
    line-height: 20px;
    height: 20px;
    width: 30px;
    margin: 0 auto;
    color: #0098ff;
}

#关闭按钮 .iconfont,
#托盘按钮 .iconfont {
    display: inline-block;
    text-align: center;
    line-height: 25px;
    width: 25px;
    color: #ffffff;
}


.账号密码登录框组 {
    position: absolute;
    top: 85px;
    left: 46px;
    right: 46px;
    -webkit-app-region: no-drag;
}

.输入框组 {
    font-size: 14px;
    display: inline-block;
    padding-top: 4px;
}

.链接_无下划线 {
    text-decoration: none;
    font-size: 12px;
    left: 10px;
    right: 0;
    color: #318a24;
}

    .单选按钮_标签:hover,
    .链接_无下划线:hover {
        color: #ff6a00;
        text-decoration: none;
    }

    .单选按钮_标签:active,
    .链接_无下划线:active {
        color: #dd2323;
        text-decoration: none;
    }

.输入框组 input {
    padding: 5px;
    width: 170px;
    -webkit-appearance: none;
    border-radius: 0 3px 3px 0;
    border: solid 1px #808080;
}

.输入框组:hover input {
    border: solid 1px #2aac17;
}

.输入框组:active input,
.输入框组:focus input {
    border: solid 1px #2aac17;
}

.输入框组:hover label {
    border: solid 1px #2aac17;
    border-right: 0;
}

.输入框组:active label,
.输入框组:focus label {
    border: solid 1px #2aac17;
    border-right: 0;
}

.输入框组 label {
    padding: 5px;
    padding-top: 5px;
    font-size: 14px;
    border: solid 1px #808080;
    width: 50px;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #808080;
}

.主题区 {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-app-region: drag;
}

.按钮组 {
    list-style: none;
    display: inline-block;
    width: 100%;
}

fieldset {
    border: 0;
}

.图标按钮 {
    float: left;
    list-style: none;
    width: 33.333%;
    margin: 0 auto;
    border-bottom: solid 8px #969696;
    box-sizing: border-box;
}

    .图标按钮:hover {
        border-bottom: solid 8px #dd2323;
    }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.图标按钮:hover i {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
}

.图标按钮-图标,
.图标按钮-文字 {
    text-align: center;
    display: block;
    color: #d9d9d9;
    height: 30px;
    z-index: 10000;
}

.图标按钮-文字 {
    font-size: 12px;
    padding-top: 5px;
}

.图标按钮-图标 {
    padding-top: 10px;
}

#扫码登录:active,
#登录:active,
#验证登录:active {
    background-color:#bbffb0;
    color:#20960e;
}

[data-xuanze='真']{
    background-color:#bbffb0;
    color:#20960e;
}

[data-xuanze='假']:hover{
     background-color:#2fbd3a;
    color:#ffffff;
}
